<template>
  <div class="profile">
    <navbar class="nav-bar">
      <div slot="center">我的</div>
    </navbar>
    <scroll class="scroll-height">
      <login/>
      <money/>
      <div class="line"></div>
      <profile-list></profile-list>
    </scroll>
  </div>
</template>

<script>
  import Navbar from '../../components/common/navbar/Navbar.vue'
  import scroll from '../../components/common/scroll/scroll.vue'

  import Login from './childComps/Login.vue'
  import Money from './childComps/Money.vue'
  import profileList from './childComps/profileList.vue'
  export default{
    components:{Navbar,scroll,Login,Money,profileList}
  }
</script>

<style scoped="scoped">
  .profile{
    width: 100%;
    height: 100%;
  }
  .nav-bar{
  font-weight: 600;
  background-color: pink;
}
.line{
  width: 100%;
  height: 10px;
  background-color: #EEEEEE;
}
.scroll-height{
  position: absolute;
  top: 44px;
  left: 0;
  right: 0;
  bottom: 49px;
  overflow: hidden;
}
</style>
